<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>examCSS</title>
		<link type="text/css" href="css/normalize.css" rel="stylesheet" />
		<link type="text/css" href="css/examCSS.css" rel="stylesheet" />
		<!-- [if lt IE 9]
			<script src="js/html5/html5shiv.js"></script>
		<![endif] -->
	</head>
	<body>
		<header>
			<div id="logo"></div>
			<div id="qmenu">
				<ul>
					<li>회원정보</li>		
					<li>로그인</li>		
					<li>회원가입</li>		
				</ul>				
			</div>
			<div id="findbox">
				<input type="text" name="key" />
				<button type="button" onclick="go2find();" >검색</button>
			</div>
		</header>
		<nav id = "tmenu">
			<ul>
				<li>프로젝트개요</li>
				<li>공지사항</li>
				<li>게시판</li>
				<li>자료실</li>
				<li>갤러리</li>
				<li>커뮤니티</li>
				<li>쇼핑몰</li>
				<li>관리자</li>
			</ul>
		</nav>
		<div>
			<aside>
				<div id="loginmenu">
					<ul>
						<li>회원가입</li>
						<li>아이디 찾기</li>
						<li>비밀번호 찾기</li>
					</ul>
				</div>
				<hr class="clearme"/>
				<div id="checkin">
					<ul>
						<li>보안접속<span>ON</span></li>
						<input type="checkbox" /> 자동로그인
					</ul>
				</div>
				<div id="loginbox" class="clearme">
					<input type="text" />
					<input type="password" />
					<span><button type="button">로그인</button></span>
				</div>
				<div id="leftlist">
					<h3>공지사항</h3>
					<ul>
						<li>아이유 사진 업로드는 제한합니다.</li>
						<li>아이유 사진 업로드는 제한합니다.</li>
						<li>아이유 사진 업로드는 제한합니다.</li>
						<li>아이유 사진 업로드는 제한합니다.</li>
						<li>아이유 사진 업로드는 제한합니다.</li>
					</ul>
					<h3>새로 작성된 글</h3>
					<ul>
						<li>아이유 사진 금지...</li>
						<li>아이유 사진 금지...</li>
						<li>아이유 사진 금지...</li>
						<li>아이유 사진 금지...</li>
						<li>아이유 사진 금지...</li>
						<li>아이유 사진 금지...</li>
					</ul>
					<h3>새로 작성된 댓글</h3>
					<ul>
						<li>아이유 사진 금지...</li>
						<li>아이유 사진 금지...</li>
						<li>아이유 사진 금지...</li>
						<li>아이유 사진 금지...</li>
						<li>아이유 사진 금지...</li>
						<li>아이유 사진 금지...</li>
					</ul>
				</div>
				<div id="listimg">아이유 광고는 금지</div>
			</aside>
			<section>
				
			</section>
		</div>
		<nav id="dmenu" class="clearme" >
			<ul>
				<li>이용약관</li>
				<li>개인정보보호방침</li>
				<li>이메일무단수집거부</li>
				<li>고객지원</li>
				<li>권리침해신고</li>
				<li>광고문의</li>
			</ul>
		</nav>
		<footer>
			<div id="logo"></div>
			<p>Copyright(c) 2013 skyinline All Rights Reserved. Designed by HTML5, CSS3.<br />
			1 Infinite Loop, Cupertino, CA 95014. 개인정보 관리책임자 : 주재현 skyinline79@naver.com</p>
		</footer>
		<script type="text/javascript">
			function go2find() {
				alert("지금은 사용할 수 없습니다!!");
			}
		</script>
	</body>
</html>
